<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">


<ui:composition template="../WEB-INF/plantilla/layout.xhtml">
	<ui:define name="contenido">
		<h:form id="fitness">

			<p:panel header="BÚSQUEDA DE ENTRENAMIENTOS" style="text-align:center;">

				<h:panelGrid columns="4">
					<h:outputText for="txtConf" title="Id Configuración"
						value="Numero de Entrenamiento:" />
					<h:inputText id="txtConf" value="#{chartBean.idConfiguracion}"></h:inputText>
					<p:message for="txtConf" />
					<p:commandButton value="Buscar" icon="ui-icon-search"
						update="panelRes" actionListener="#{chartBean.buscarAnalisis}"
						ajax="true" />
				</h:panelGrid>
			</p:panel>

			<p:panel header="Resultados" id="panelRes" style="">

				<p:dataTable id="tbl" var="res" style="width: 780px; margin: 0 5px 0 5px;"
					value="#{chartBean.listaResultadoPorConfiguracion}">

					<p:column headerText="Entrenamiento">
						<h:outputText value="#{res.codigoconfiguracion}" />
					</p:column>
					
					<p:column headerText="Población">
						<h:outputText value="#{res.numeroPoblacion}" />
					</p:column>

					<p:column headerText="Pacientes">
						<h:outputText value="#{res.numeroPacientes}" />
					</p:column>

					<p:column headerText="Reglas">
						<h:outputText value="#{res.numeroReglas}" />
					</p:column>

					<p:column headerText="Generaciones">
						<h:outputText value="#{res.numeroGeneracion}" />
					</p:column>
					<p:column headerText="Condicion Parada">
						<h:outputText value="#{res.condicionParada}" />
					</p:column>
					<p:column headerText="Dato Parada">
						<h:outputText value="#{res.datoParada}" />
					</p:column>
					<p:column headerText="Crossover">
						<h:outputText value="#{res.probabilidadCrossover}" />
					</p:column>
					<p:column headerText="Mutación">
						<h:outputText value="#{res.probabilidadMutacion}" />
					</p:column>
					<p:column headerText="Fitnes">
						<h:outputText value="#{res.valorAdaptacion}" />
					</p:column>
					<p:column headerText="Generación Mejor">
						<h:outputText value="#{res.generacionNacimiento}" />
					</p:column>

					<p:column headerText="Ver" style="width:4%">
						<p:commandButton id="idVer" 
								update=":fitness:idDlAnalisis"
								icon="ui-icon-search" title="Ver" 
								action="#{chartBean.crearGraficos}" 
								oncomplete="dlgAl.show()">
							 
							 <f:param name="myId" value="#{res.codigoconfiguracion}"/> 
				<!-- <f:setPropertyActionListener value="#{res}"
								target="#{chartBean.selectedResultadoConfig}" /> -->
								 
						</p:commandButton>
					</p:column>
				</p:dataTable>

			</p:panel>


			<p:dialog id="idDlAnalisis" widgetVar="dlgAl" modal="true" header="Cromosomas con fitnes 'x' y Generación de Orgien" showEffect="fade"  
				maximizable="true" dinamic="true">
				
				<p:panel id="pnlAnalisis" >
				<h:panelGrid  columns="2" >
 						 <p:lineChart id="filled" value="#{chartBean.categoryModel}"
							legendPosition="n" fill="true" style="height:330px; width: 450px;  font-weight: bold; font-size:1.3em"
							title="Cantidad de Cromosomas por Fitnes" xaxisLabel="fitnes"
							yaxisLabel="Cromosomas" />
						
						<p:lineChart id="stacked"
						value="#{chartBean.categoryModelFitnesGeneracion}"
						legendPosition="n" stacked="true" fill="false"
						style="height:330px; width: 450px;  font-weight: bold; font-size:1.3em"
						title="Generación por Cromosoma con nuevo Fitnes"
						xaxisLabel="fitnes" yaxisLabel="Generación" />  
						
				  </h:panelGrid>
				</p:panel>
			</p:dialog>
		</h:form>
	</ui:define>
</ui:composition>

</html>
